<template>
  <div class="home">
    {{ num }}
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
    <button>+1</button>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref, computed } from "vue";
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src

export default defineComponent({
  name: "HomeView",
  components: {
    HelloWorld,
  },
  setup() {
    const num = ref(0);
    return {
      num,
    };
  },
});
</script>
